<template>
    <div class="shouye-container">
        <div class="search-box">
            <div class="search-box-inp">
                <span class="iconfont icon-shouye1">搜索商品</span>
            </div>
        </div>
        <div class="container-img">
            <img src="	https://img01.yzcdn.cn/upload_files/2023/03/09/FhldSZpInh5ZJcEseTmERJncJdaF.jpg!large.webp" alt="">
        </div>
        <div class="container-attention">
            <span class="iconfont icon-gouwuchekong"></span>
            <marquee style="font-size: 20px;">通知：1.各位亲爱的顾客您好，非常感谢您一直以来对凡客诚品的支持。近期我司接到多起客户反馈，发现有不法分子冒充凡客诚品，谎称与我司合作刷单返现，助农等活动，邀请客户下载第三方软件或登陆第三方网站进行操作并进而行骗，在此提醒请您保持警惕，谨防受骗！2.技术系统升级完成，所有账户信息均安全完整，跳转微信小程序以及绑定微信账号都是正常的步骤。如有微信手机号与凡客注册手机号不同者，请在小程序内登录凡客账户手机号即可。有任何问题可联系在线客服</marquee>
        </div>
        <div class="container-VIP">
            <img src="	https://img01.yzcdn.cn/upload_files/2022/02/15/Fl3YxCb7TK9vVzfVBe1DmbQsaGOR.jpg!large.webp" alt="">
        </div>
        <div class="container-favourable">
            <img src="https://img01.yzcdn.cn/upload_files/2023/03/29/FgsZFayjcqyT1WDdxISwkzQkMMZS.jpg!large.webp" alt="">
        </div>
        <div class="container-zone">
            <img src="https://img01.yzcdn.cn/upload_files/2023/03/23/FhmlQsxphCpMmQMiU0WIehjA77Zj.jpg!large.webp" alt="">
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.shouye-container{
    width: 100%;
    .search-box{
        height: 120px;
        background-color: rgb(163, 161, 161);
        position: relative;
        .search-box-inp{
            width: 600px;
            height: 70px;
            background-color: white;
            border-radius: 10px;
            position: absolute;
            top: 20px;
            left: 50px;
            .iconfont{
                font-size: 30px;
                color: gray;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
    .container-img{
        img{
            width: 100%;
            height: auto;
        }
    }
    .container-attention{
        height: 60px;
        background-color: rgb(215, 161, 170);
        display: flex;
        .iconfont{
            font-size: 40px;
            
        }
    }
    .container-VIP{
        img{
            width: 100%;
            height: auto;
        }
    }
    .container-favourable{
        img{
            width: 100%;
            height: auto;
        }
    }
    .container-zone{
        img{
            width: 100%;
            height: auto;
        }
    }
}
</style>